<%--
  Created by IntelliJ IDEA.
  User: 沐硕
  Date: 2024/6/22
  Time: 9:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>支付系统</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../Front/style.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/9.4.1/swiper-bundle.min.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
    <!-- script
    ================================================== -->
    <script src="js/modernizr.js"></script>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <jsp:include page="symol.jsp" />
</svg>

<!--搜索框-->
<div class="search-popup">
    <!-- 搜索弹出框容器 -->
    <jsp:include page="search.jsp" />
</div>
<!--头部-->
<header id="header" class="site-header header-scrolled position-fixed text-black bg-light">
    <!-- 头部开始，具有类名site-header、header-scrolled、position-fixed、text-black和bg-light -->
    <jsp:include page="header.jsp" />
    <!-- 导航条结束 -->
</header>
<section class="hero-section position-relative bg-light-blue padding-medium">
    <div class="hero-content">
        <div class="container">
            <div class="row">
                <div class="text-center padding-large no-padding-bottom">
                    <h1 class="display-2 text-uppercase text-dark">支付</h1>
                    <div class="breadcrumbs">
                <span class="item">
                  <a href="index.jso">首页 ></a>
                </span>
                        <span class="item">进行支付</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 添加图片横向排版 -->
<section class="container mt-5 mb-5">
    <div class="row">
        <div class="col-md-6">
            <img src="images/微信.jpg" alt="微信支付" class="img-fluid">
        </div>
        <div class="col-md-6">
            <img src="images/支付宝.jpg" alt="支付宝支付" class="img-fluid">
        </div>
    </div>
</section>

<!-- 添加按钮并实现跳转 -->
<section class="container text-center mb-5">
    <form action="${pageContext.request.contextPath}/ProcessOrderServlet.do" method="post">
        <button type="submit" class="btn btn-primary btn-lg">支付成功</button>
    </form>
</section>

<footer id="footer" class="overflow-hidden">
    <div class="container">
        <div class="row">
            <div class="footer-top-area">
                <div class="row d-flex flex-wrap justify-content-between">
                    <div class="col-lg-3 col-sm-6 pb-3">
                        <div class="footer-menu">
                            <img src="images/Logo(5).png" alt="logo">
                            <!-- 段落内容 -->
                            <p>一个值得信任的伙伴</p>
                            <div class="social-links">
                                <ul class="d-flex list-unstyled">
                                    <li>
                                        <a href="#">
                                            <svg class="facebook">
                                                <use xlink:href="#facebook" />
                                            </svg>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <svg class="instagram">
                                                <use xlink:href="#instagram" />
                                            </svg>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <svg class="twitter">
                                                <use xlink:href="#twitter" />
                                            </svg>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <svg class="linkedin">
                                                <use xlink:href="#linkedin" />
                                            </svg>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <svg class="youtube">
                                                <use xlink:href="#youtube" />
                                            </svg>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6 pb-3">
                        <div class="footer-menu text-uppercase">
                            <h5 class="widget-title pb-2">快速连接</h5>
                            <ul class="menu-list list-unstyled text-uppercase">
                                <li class="menu-item pb-2">
                                    <a href="#">首页</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#">关于</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#">购物</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#">博客</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#">联系</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 pb-3">
                        <div class="footer-menu text-uppercase">
                            <h5 class="widget-title pb-2">Help & Info Help</h5>
                            <ul class="menu-list list-unstyled">
                                <li class="menu-item pb-2">
                                    <a href="#">订购</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#"> 政策</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#">运输</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#">联系</a>
                                </li>
                                <li class="menu-item pb-2">
                                    <a href="#">合作</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 pb-3">
                        <!-- 页脚菜单，大写文本 -->
                        <div class="footer-menu contact-item">
                            <!-- 小部件标题，大写文本，底部边距2个单位 -->
                            <h5 class="widget-title text-uppercase pb-2">联系我们</h5>
                            <!-- 段落内容 -->
                            <p>您有任何疑问或建议？ <a href="mailto:">2351321183@qq.com</a></p>
                            <!-- 段落内容 -->
                            <p>如果您需要支持？ 只需给我们打电话。 <a href="">+86 187 2384 3671</a></p>
                        </div>
                        <!-- 结束页脚菜单 -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
</footer>
<div id="footer-bottom">
    <div class="container">
        <div class="row d-flex flex-wrap justify-content-between">
            <div class="col-md-4 col-sm-6">
                <div class="Shipping d-flex">
                    <p>We ship with:</p>
                    <div class="card-wrap ps-2">
                        <img src="images/dhl.png" alt="visa">
                        <img src="images/shippingcard.png" alt="mastercard">
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="payment-method d-flex">
                    <p>Payment options:</p>
                    <div class="card-wrap ps-2">
                        <img src="images/visa.jpg" alt="visa">
                        <img src="images/mastercard.jpg" alt="mastercard">
                        <img src="images/paypal.jpg" alt="paypal">
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="copyright">
                    <%--              <p>© Copyright 2023 MiniStore. <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a>--%>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
